<template>
    <article>
        <slot></slot>
    </article>
</template>

<style lang="less" scoped>
    @import "~core/basic.less";

    h1,h2,h3,h4,h5,h6{
        font-weight: normal;
    }

    h1 {
        color: @color;
        font-weight: bold !important;
        margin: 0px;
        padding: 2*@gird 0px;
        border-bottom: 1px solid @gray-light;
    }

    h2 {
        color: @black;
    }

    h6 {
        color: @gray-dark;
        margin: 0px;
        padding: 0px;
        line-height: 0px;
        margin-top: -@gird;
        margin-bottom: 4*@gird;
    }

    p{
        text-indent: 2em;
        line-height: 4*@gird;
    }

    hr {
        border: none;
        border-bottom: 1px solid @gray-light;
    }

    table {
        width: 100%;
        text-align: left;
        margin: 0px;
        padding: 0px;
        border: 1px solid @gray-light;

        th {
            background: @gray-light;
            padding: @gird;
            font-weight: normal;
        }

        td {
            padding: 2*@gird;
        }
    }

</style>